<?php

require '../../base.php';
require '../../msg/MessageStatic.class.php';

if (!defined('DP_BASE_DIR')){
	die(MessageStatic::$notAccessMessage);
}


require DP_BASE_DIR .'/bussines/RecruitmentMngr.class.php';
require DP_BASE_DIR .'/base/presentation/PresentationUtils.class.php';
require DP_BASE_DIR .'/configuration/ConfigFile.properties.php';
/*
 * Find the information of local commite
 */

$idLC = $_GET['lc'];

if (is_null($idLC)){
	header('Refresh: 0; ' . $urlApp .'/presentation/app/selectLCToApply.php');
}


?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF8" />
<link type="text/css" rel="stylesheet" href="../css/standalone.css" />
<link type="text/css" rel="stylesheet" href="../css/estilo.css" />
<link type="text/css" rel="stylesheet" href="../css/scrollable-wizard.css" />

<link rel="stylesheet" type="text/css" media="all" href="../../lib/calendario/calendar-win2k-cold-2.css" title="win2k-cold-1" />
<script type="text/javascript" src="../../lib/calendario/calendar.js"></script>
<script type="text/javascript" src="../../lib/calendario/lang/calendar-es.js"></script>
<script type="text/javascript" src="../../lib/calendario/calendar-setup.js"></script>

<title>AIESEC COLOMBIA APPLICATION</title>
<script src="../js/jquery.tools.min.js"></script>
</head>

<body>

<style>
body {
	background-color: #EAEAEA;
}
</style>
<!-- twitter style notification bar for validation errors -->
<div id="drawer">Please fill in the empty fields marked with a <samp
	style="color: red;">red</samp> border.</div>
<!-- close <div id="drawer"> -->
<!-- the form -->
<form method="post" id="formApp20" action="basicAppAction.php">

	<div id="wizard">
	
		<ul id="status">
			<li class="active"><strong>Step 1.</strong></li>
			<li><strong>Step 2.</strong></li>
			<li><strong>Step 3.</strong></li>
			<li><strong>Step 4.</strong></li>
		</ul>

			<div class="items">
			
					<!--page1: Personal information-->
					<div class="page">
					<table id="tblStep1" name="tblStep1" class="tblFormApp" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td align="center">
							<p class="tituloPagina">Step1. Personal information</p>
							<table border="0" align="center" cellpadding="0" cellspacing="0">
								<tr>
									<td colspan="2" class="secciones" style="text-align: right">
									<button type="button" class="next right">Proceed &gt;</button>
									</td>
								</tr>
								<tr>
									<td colspan="2" class="secciones">PIN ID information</td>
								</tr>
								<tr>
									<td width="5%" class="campoFormulario">* If the local committee give the pin number please add this number here, if not please add ( NONE )</td>
									<td width="95%" align="left" class="required">
										<input class="componenteFormulario" name="txtPingID" type="text" id="txtPingID" />
									</td>
								</tr>
								<tr>
									<td colspan="2" class="secciones">Basic Information</td>
								</tr>
								<tr>
									<td width="52%">
									<table width="100%" border="0" align="center" cellpadding="0"
										cellspacing="0">
										<tr>
											<td width="5%" class="campoFormulario">*</td>
											<td width="39%" class="campoFormulario">1.First Name:</td>
											<td width="56%" align="left" class="required">
												<input class="componenteFormulario" name="txtName1" type="text" id="txtName1" />
											</td>
										</tr>
										<tr>
											<td></td>
											<td class="campoFormulario">2.Middle Name:</td>
											<td align="left"><input class="componenteFormulario"
												name="txtName2" type="text" id="txtName2" value /></td>
										</tr>
										<tr>
											<td class="campoFormulario">*</td>
											<td class="campoFormulario">3.First Last Name:</td>
											<td align="left" class="required"><input
												class="componenteFormulario" name="txtLastName1" type="text"
												id="txtLastName1" value /></td>
										</tr>
										<tr>
											<td></td>
											<td class="campoFormulario">4.Second Last Name:</td>
											<td align="left"><input class="componenteFormulario"
												name="txtLastName2" type="text" id="txtLastName2" value /></td>
										</tr>
										<tr>
											<td class="campoFormulario">*</td>
											<td class="campoFormulario">5. E - Mail:</td>
											<td align="left" class="required"><input
												class="componenteFormulario" name="txtMail" type="text"
												id="txtMail" value /></td>
										</tr>
									</table>
									</td>
									<td width="48%">
									<table width="100%" border="0" align="center" cellpadding="0"
										cellspacing="0">
										<tr>
											<td width="5%" class="campoFormulario">*</td>
											<td width="44%" class="campoFormulario">6. Type Identification:</td>
											<td width="51%" class="required"> 
												<?php echo PresentationUtils::getCboOption('cboTpID',RecruitmentMngr::getAllTypeOfID(),'componenteFormulario');?>
											</td>
										</tr>
										<tr>
											<td class="campoFormulario">*</td>
											<td class="campoFormulario">7. Identification:</td>
											<td class="required"><input class="componenteFormulario"
												name="txtID" type="text" id="txtID" value /></td>
										</tr>
										<tr>
											<td class="campoFormulario">*</td>
											<td class="campoFormulario">8. Birth Day</td>
											<td class="required"><input class="componenteFormulario"
												name="txtBirthDay" type="text" id="txtBirthDay" readonly="readonly" value /></td>
											<td><img src="../../lib/calendario/img.gif" id="boton" style="cursor: pointer; border: 1px solid gray;" title="Date selector"
												onmouseover="this.style.background='gray';" onmouseout="this.style.background=''" /></td>
												
										</tr>
										<tr>
											<td class="campoFormulario">*</td>
											<td class="campoFormulario">9. From City</td>
											<td class="required"><input class="componenteFormulario"
												name="txtFromCity" type="text" id="txtFromCity" value /></td>
										</tr>
										<tr>
											<td>&nbsp;</td>
											<td>&nbsp;</td>
											<td>&nbsp;</td>
										</tr>
									</table>
									</td>
								</tr>
								<tr>
									<td colspan="2" class="secciones">Additional Information</td>
								</tr>
								<tr>
									<td colspan="2">
					
									<table border="0" cellpadding="0" cellspacing="0" width="100%"
										height="100%">
										<tr>
											<td width="5%" class="campoFormulario">*</td>
											<td width="39%" class="campoFormulario">10.Address Place :</td>
											<td width="56%" align="left" class="required"><input
												class="componenteFormulario" name="txtAddresPlace" type="text"
												id="txtName12" value size="55" /></td>
										</tr>
										<tr>
											<td class="campoFormulario">*</td>
											<td class="campoFormulario">11.Phone:</td>
											<td align="left" class="required"><input
												class="componenteFormulario" name="txtPhone" type="text"
												id="txtName22" value size="29" /></td>
										</tr>
										<tr>
											<td class="campoFormulario">*</td>
											<td class="campoFormulario">12.Cell Phone:</td>
											<td align="left" class="required"><input
												class="componenteFormulario" name="txtCelPhone" type="text"
												id="txtLastName12" value size="29" /></td>
										</tr>
									</table>
					
									</td>
								</tr>
								<tr>
									<td colspan="2" align="right">
									<button type="button" class="next right">Proceed &gt;</button>
									</td>
								</tr>
							</table>
							</td>
						</tr>
					</table>
					</div>
			
			
					<!--page2: Experience Information-->
					<div class="page">
					<table border="0" cellpadding="0" cellspacing="0" class="tblFormApp" id="tblStep2" name="tblStep2">
						<tr>
							<td align="left">
							<p class="tituloPagina">Step2. Experience Information</p>
							<table border="0" align="left" cellpadding="0" cellspacing="0">
								<tr>
									<td colspan="2" class="secciones">
									<table border="0" width="100%" cellspacing="0" cellpadding="0">
										<tr>
											<td align="left" width="50%">
											<button type="button" class="prev disabled" style="float: left;">Back</button>
											</td>
											<td align="right" width="50%">
											<button type="button" class="next right">Proceed &gt;</button>
											</td>
										</tr>
									</table>
									</td>
								</tr>
								<tr>
									<td colspan="2" class="secciones">Academic Information</td>
								</tr>
								<tr>
									<td width="100%" colspan="2">
									<table width="92%" border="0" align="center" cellpadding="0"
										cellspacing="0">
										<tr>
											<td class="campoFormulario">*</td>
											<td width="39%" class="campoFormulario">1.University:</td>
											<td width="56%" align="left" class="required">
											<?php echo PresentationUtils::getCboOptionAddInfo('cmbUnivesity',RecruitmentMngr::getAllUniverityByLC($idLC),'componenteFormulario','onchange="verifyIfOtherUniversity();"');?>
											</td>
										</tr>
										<tr name="rowOtherUniversity" id="rowOtherUniversity" style="display: none">
											<td></td>
											<td class="campoFormulario">Write Other University</td>
											<td class="campoFormulario">
											 	<input class="componenteFormulario" type="text" name="txtOtherUniversity" id="txtOtherUniversity" />
											</td>
										</tr>
										<tr>
											<td class="campoFormulario">*</td>
											<td class="campoFormulario">2. Carrer:</td>
											<td align="left" class="required">
											<?php echo PresentationUtils::getCboOptionAddInfo('cmbCarrer',RecruitmentMngr::getAllCarrer(),'componenteFormulario','onchange="verifyIfOtherCarrer();"');?>
											</td>
										</tr>
										<tr name="rowOtherCarrer" id="rowOtherCarrer" style="display: none">
											<td></td>
											<td class="campoFormulario">Write Other Carrer</td>
											<td class="campoFormulario">
											 	<input class="componenteFormulario" type="text" name="txtOtherCarrer" id="txtOtherCarrer" />
											</td>
										</tr>
										<tr>
											<td class="campoFormulario">*</td>
											<td class="campoFormulario">3.Semester:</td>
											<td align="left" class="required">
											<?php echo PresentationUtils::getCboOption('cmbSemester',RecruitmentMngr::getAllSemester(),'componenteFormulario');?>
											</td>
										</tr>
										
										<tr>
											<td class="campoFormulario">*</td>
											<td class="campoFormulario">4. How many hours of academic work do you have per week ?</td>
											<td class="campoFormulario" class="required">
											<?php echo PresentationUtils::getCboOption('cmbNumberOfAcademicHours',RecruitmentMngr::getAcademicHour(),'componenteFormulario');?>
											</td>
										</tr>
										
										<tr>
											<td class="campoFormulario">*</td>
											<td class="campoFormulario" >5. How many hours do you have to work with AIESEC ?</td>
											<td class="campoFormulario" class="required">
											<?php echo PresentationUtils::getCboOption('cmbNumberOfAIESECHours',RecruitmentMngr::getAIESECHour(),'componenteFormulario');?>
											</td>
										</tr>
										
									</table>
									</td>
								</tr>
								<tr>
									<td colspan="2" class="secciones">Work Information</td>
								</tr>
								<tr>
									<td colspan="2" class="campoFormulario">
									<table border="0" width="100%" cellspacing="0" cellpadding="0">
										<tr>
											<td class="campoFormulario">Please mention your work experiences
											starting with the most recent one .</td>
										</tr>
										<tr>
											<td class="campoFormulario">if you don&#39;t have any experiences
											please continue.</td>
										</tr>
									</table>
									</td>
								</tr>
								<tr>
									<td>&nbsp;</td>
									<td align="right">&nbsp;</td>
								</tr>
								<tr>
									<td colspan="2">
									<table width="80%" border="0" align="center" cellpadding="0"
										cellspacing="0">
										<tr>
											<td class="tituloTabla">Name of Company</td>
											<td class="tituloTabla">Duration in month</td>
											<td class="tituloTabla">Responsabilities</td>
										</tr>
										
										<tr>
											<td align="left">
												<input class="componenteFormulario" type="text" name="txtWorkNameCompany1" id="txtWorkNameCompany1" />
											</td>
											<td align="center">
												<?php echo PresentationUtils::getCboOption('cmdWorkDurationMonth1',RecruitmentMngr::getDurationWorkMonth(),'componenteFormulario');?>
											</td>
											<td align="left" class="componenteFormulario">
												<textarea name="txtWorkResp1" name="txtWorkResp1" cols="30"rows="2"></textarea>
											</td>
										</tr>
										<tr>
											<td align="left">
												<input class="componenteFormulario" type="text" name="txtWorkNameCompany2" id="txtWorkNameCompany2" />
											</td>
											<td align="center">
												<?php echo PresentationUtils::getCboOption('cmdWorkDurationMonth2',RecruitmentMngr::getDurationWorkMonth(),'componenteFormulario');?>
											</td>
											<td align="left" class="componenteFormulario">
												<textarea name="txtWorkResp2" name="txtWorkResp2" cols="30"rows="2"></textarea>
											</td>
										</tr>
										
										<tr>
											<td align="left">
												<input class="componenteFormulario" type="text" name="txtWorkNameCompany3" id="txtWorkNameCompany3" />
											</td>
											<td align="center">
												<?php echo PresentationUtils::getCboOption('cmdWorkDurationMonth3',RecruitmentMngr::getDurationWorkMonth(),'componenteFormulario');?>
											</td>
											<td align="left" class="componenteFormulario">
												<textarea name="txtWorkResp3" name="txtWorkResp3" cols="30"rows="2"></textarea>
											</td>
										</tr>
									</table>
									</td>
								</tr>
								<tr>
									<td colspan="2" class="secciones">
									<table border="0" width="100%" cellspacing="0" cellpadding="0">
										<tr>
											<td width="16" class="secciones">*</td>
											<td class="secciones">Language Information</td>
										</tr>
									</table>
									</td>
								</tr>
								<tr>
									<td colspan="2">&nbsp;</td>
								</tr>
								<tr>
									<td colspan="2" class="campoFormulario">List of language</td>
								</tr>
								<tr>
									<td colspan="2">
									<table width="80%" border="0" align="center" cellpadding="0"
										cellspacing="0">
										<tr>
											<td class="tituloTabla">Language</td>
											<td class="tituloTabla">Reading Level</td>
											<td class="tituloTabla">Writing Level</td>
											<td class="tituloTabla">Comprehension Level</td>
										</tr>
										<tr>
											<td align="center" class="required">
											<?php echo PresentationUtils::getCboOption('cmbLang1',RecruitmentMngr::getLanguage(),'componenteFormulario');?>
											</td>
											<td class="required">
											<?php echo PresentationUtils::getCboOption('cmbLangReading1',RecruitmentMngr::getLanguageLevel(),'componenteFormulario');?>
											</td>
											<td class="required">
											<?php echo PresentationUtils::getCboOption('cmbLangWriting1',RecruitmentMngr::getLanguageLevel(),'componenteFormulario');?>
											</td>
											<td class="required">
											<?php echo PresentationUtils::getCboOption('cmbLangComprehension1',RecruitmentMngr::getLanguageLevel(),'componenteFormulario');?>
											</td>
										</tr>
										<tr>
											<td align="center" >
											<?php echo PresentationUtils::getCboOption('cmbLang2',RecruitmentMngr::getLanguage(),'componenteFormulario');?>
											</td>
											<td >
											<?php echo PresentationUtils::getCboOption('cmbLangReading2',RecruitmentMngr::getLanguageLevel(),'componenteFormulario');?>
											</td>
											<td >
											<?php echo PresentationUtils::getCboOption('cmbLangWriting2',RecruitmentMngr::getLanguageLevel(),'componenteFormulario');?>
											</td>
											<td >
											<?php echo PresentationUtils::getCboOption('cmbLangComprehension2',RecruitmentMngr::getLanguageLevel(),'componenteFormulario');?>
											</td>
										</tr>
										<tr>
											<td align="center">
											<?php echo PresentationUtils::getCboOption('cmbLang3',RecruitmentMngr::getLanguage(),'componenteFormulario');?>
											</td>
											<td >
											<?php echo PresentationUtils::getCboOption('cmbLangReading3',RecruitmentMngr::getLanguageLevel(),'componenteFormulario');?>
											</td>
											<td >
											<?php echo PresentationUtils::getCboOption('cmbLangWriting3',RecruitmentMngr::getLanguageLevel(),'componenteFormulario');?>
											</td>
											<td >
											<?php echo PresentationUtils::getCboOption('cmbLangComprehension3',RecruitmentMngr::getLanguageLevel(),'componenteFormulario');?>
											</td>
										</tr>
									</table>
									</td>
								</tr>
								<tr>
									<td colspan="2">
									<table border="0" width="100%" cellspacing="0" cellpadding="0">
										<tr>
											<td align="left" width="50%">
											<button type="button" class="prev disabled" style="float: left;">
											&lt; Back</button>
											</td>
											<td align="right" width="50%">
											<button type="button" class="next right">Proceed &gt;</button>
											</td>
										</tr>
									</table>
									</td>
								</tr>
							</table>
							</td>
						</tr>
						
						<tr>
							<td align="center"></td>
							<td width="0" align="center"></td>
						</tr>
					</table>
					</div>
			

					<!--page3: Additional information-->
					<div class="page">
					<table id="tblStep1" name="tblStep1" class="tblFormApp" border="0"
						cellspacing="0" cellpadding="0">
						<tr>
							<td align="center">
							<p class="tituloPagina">Step 3. Additional information</p>
							<table border="0" align="center" cellpadding="0" cellspacing="0">
								<tr>
									<td class="secciones" style="text-align: right">
									<table border="0" width="100%" cellspacing="0" cellpadding="0">
										<tr>
											<td align="left" width="50%">
											<button type="button" class="prev disabled" style="float: left;">
											&lt; Back</button>
											</td>
											<td align="right" width="50%">
											<button type="button" class="next right">Proceed &gt;</button>
											</td>
										</tr>
									</table>
									</td>
								</tr>
								<tr>
									<td class="secciones">&nbsp;</td>
								</tr>
								<tr>
									<td class="secciones">Exchange Information</td>
								</tr>
								<tr>
									<td width="100%">
									<table width="92%" border="0" align="center" cellpadding="0"
										cellspacing="0">
										<tr>
											<td width="5%" class="campoFormulario">*</td>
											<td width="50%" class="campoFormulario">Are you interested in living an international exchange experience?</td>
											<td width="47%" class="campoFormulario" class="required">
												<select class="componenteFormulario" name="cmbInterestedXP" id="cmbInterestedXP" onchange="verifyIfLikeTakeX();">
												<option selected="selected">NO</option>
												<option>YES</option>
												</select>
											</td>
										</tr>
										<tr name="rowInterestedXpSemester" id="rowInterestedXpSemester" style="display: none">
											<td></td>
											<td class="campoFormulario">In which Semester:</td>
											<td class="campoFormulario">
											 	<?php echo PresentationUtils::getCboOption('cmbSemesterToTakeX',RecruitmentMngr::getNumberSemesterOfYear(),'componenteFormulario');?>
											</td>
										</tr>
										<tr>
											<td class="campoFormulario">*</td>
											<td class="campoFormulario" width="50%" rowspan="2">Which
											would be the preferred duration of the international exchange
											experience you wh to live. ?</td>
											<td class="campoFormulario" class="required">
												<select class="componenteFormulario" name="cboDurationOfX" id="cboDurationOfX">
													<option selected="selected" value="">-- please select --</option>
													<option>3 months or less</option>
													<option>4 - 6 months</option>
													<option>7 - 12 months</option>
													<option>13 - 18 months</option>
												</select>
											</td>
										</tr>
										<tr>
											<td></td>
											<td align="left">&nbsp;</td>
										</tr>
									</table>
									</td>
								</tr>
								<tr>
									<td class="secciones">AIESEC Information</td>
								</tr>
								<tr>
									<td>
									<table width="92%" border="0" align="center" cellpadding="0"
										cellspacing="0">
										<tr>
											<td width="5%" class="campoFormulario">*</td>
											<td width="97%" class="campoFormulario" colspan="2">Through which
											media did you hear about AIESEC?</td>
										</tr>
										<tr>
											<td>&nbsp;</td>
											<td class="campoFormulario" colspan="2">
												<?php echo PresentationUtils::getCheckBox(RecruitmentMngr::getMediaToKnowAIESEC('chkMediaToKnowAIESEC'),'campoFormulario',4);?>
											</td>
										</tr>
										<tr>
											<td class="campoFormulario">&nbsp;</td>
											<td align="left" valign=top" class="campoFormulario" colspan="2">
											OTHER <textarea name="txtOTHERMediaToKnowAIESEC" name="txtOTHERMediaToKnowAIESEC" cols="30" rows="4"></textarea>
											</td>
										</tr>
										<tr class="campoFormulario">
											<td class="campoFormulario">*</td>
											<td align="left">Why did you decide to apply to AIESEC? </td>
											<td class="campoFormulario">&nbsp;</td>
										</tr>
										<tr class="campoFormulario">
											<td class="campoFormulario">&nbsp;</td>
											<td align="right" colspan="2" class="required">
												<textarea name="txtWhyDecideAply" name="txtWhyDecideAply" cols="50" rows="4"></textarea>
											</td>
										</tr>
										<tr class="campoFormulario">
											<td class="campoFormulario">*</td>
											<td align="left">How do you think you could contribute to AIESEC? </td>
											<td class="campoFormulario">&nbsp;</td>
										</tr>
										<tr class="campoFormulario">
											<td class="campoFormulario">&nbsp;</td>
											<td align="right" colspan="2" class="required">
												<textarea name="txtHowDoYouContributeAIESEC" name="txtHowDoYouContributeAIESEC" cols="50" rows="4"></textarea>
											</td>
										</tr>
										<tr>
											<td class="campoFormulario">&nbsp;</td>
											<td class="campoFormulario">&nbsp;</td>
											<td class="campoFormulario">&nbsp;</td>
										</tr>
									</table>
									</td>
								</tr>
								<tr>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td align="right">
									<table border="0" width="100%" cellspacing="0" cellpadding="0">
										<tr>
											<td align="left" width="50%">
											<button type="button" class="prev disabled" style="float: left;">
											&lt; Back</button>
											</td>
											<td align="right" width="50%">
											<button type="button" class="next right">Proceed &gt;</button>
											</td>						
										</tr>
									</table>
									</td>
								</tr>
							</table>
							</td>
						</tr>
					</table>
					</div>
			

					<!--page4: done-->
					<div class="page">
					<table id="tblStep5" name="tblStep5" class="tblFormApp" border="0"
						cellspacing="0" cellpadding="0">
						<tr>
							<td align="center">
							<p class="tituloPagina">Step 4. Congratulations your application has
							been done</p>
							<div align="center">
							<table border="0" cellpadding="0" cellspacing="0" width="100%">
								<tr>
									<td class="secciones" style="text-align: right">
									<table border="0" width="100%" cellspacing="0" cellpadding="0">
										<tr>
											<td align="left" width="50%">
											<button type="button" class="prev disabled" style="float: left;">
											&lt; Back</button>
											</td>
											<td align="right" width="50%">
											<input type="submit" name="Submit" value="Send Form"/>
											</td>
										</tr>
										<tr style="display: none">
											<td/>
											<td/>
											<td>
											 	<input class="componenteFormulario" type="text" name="txtIdLC" id="txtIdLC" value=<?php echo '"'.$idLC.'"';?>/>
											</td>
										</tr>
									</table>
									</td>
								</tr>
							</table>
							</div>
							</td>
						</tr>
					</table>
					</div> <!-- close <div class="page">  -->
					
			</div><!-- close <div class="items"> -->
	</div><!-- close <div id="wizard"> -->

</form>
<script>
$(function() {


var root = $("#wizard").scrollable({size: 1, clickable: false});


// some variables that we need
var api = root.scrollable(), drawer = $("#drawer");

// validation logic is done inside the onBeforeSeek callback
api.onBeforeSeek(function(event, i) {

	// we are going 1 step backwards so no need for validation
	if (api.getIndex() < i) {

		// 1. get current page
		var page = root.find(".page").eq(api.getIndex()),

			 // 2. .. and all required fields inside the page
			 inputs = page.find(".required :input").removeClass("error"),

			 // 3. .. which are empty
			 empty = inputs.filter(function() {
				return $(this).val().replace(/\s*/g, '') == '';
			 });

		 // if there are empty fields, then
		if (empty.length) {

			// slide down the drawer
			drawer.slideDown(function()  {

				// colored flash effect
				drawer.css("backgroundColor", "#229");
				setTimeout(function() { drawer.css("backgroundColor", "#fff"); }, 1000);
			});

			// add a CSS class name "error" for empty & required fields
			empty.addClass("error");

			// cancel seeking of the scrollable by returning false
			return false;

		// everything is good
		} else {

			// hide the drawer
			drawer.slideUp();
		}

	}

	// update status bar
	$("#status li").removeClass("active").eq(i).addClass("active");

});



// if tab is pressed on the next button seek to next page
root.find("button.next").keydown(function(e) {
	if (e.keyCode == 9) {

		// seeks to next tab by executing our validation routine
		api.next();
		e.preventDefault();
	}
});

});
</script>
<script type="text/javascript">
window.onload = function(){
	Calendar.setup({
		inputField     :    "txtBirthDay",     // id of the input field
		ifFormat       :    "%Y-%m-%d",      // format of the input field
		button         :    "boton",  // trigger for the calendar (button ID)
		singleClick    :    true
	});
}
</script>
<script type="text/javascript">

function verifyIfOtherUniversity(){
	var UniversityValue = document.getElementById('cmbUnivesity').value;
	if( UniversityValue == -1 ) {
		showRow('rowOtherUniversity');
	}else{
		hideRow('rowOtherUniversity');
	}
}

function verifyIfOtherCarrer(){
	var carrerValue = document.getElementById('cmbCarrer').value;
	if( carrerValue == -1 ) {
		showRow('rowOtherCarrer');
	}else{
		hideRow('rowOtherCarrer');	
	}
}

function verifyIfLikeTakeX(){
	var yesno = document.getElementById('cmbInterestedXP').value;
	if( yesno == 'YES' ) {
		showRow('rowInterestedXpSemester');
	}else{
		hideRow('rowInterestedXpSemester');	
	}
}

function showRow(row) {
	var elementos = document.getElementsByName(row);
	for (i = 0; i< elementos.length; i++) {
		if(navigator.appName.indexOf("Microsoft") > -1){
			var visible = 'block'
		} else {
			var visible = 'table-row';
		}
		elementos[i].style.display = visible;
	}
}

function hideRow(row) {
	var elementos = document.getElementsByName(row);
	for (k = 0; k< elementos.length; k++) {
		elementos[k].style.display = "none";
	}
}
</script>

</body>

</html>
